Esta es mi primera pregunta aquí y pido disculpas por adelantado si ya ha sido respondida. Estoy estudiando reaccionar y comencé un proyecto también, y mi pregunta es: ¿cómo puedo hacer que mi componente de la aplicación sea una página de inicio? ¿O tengo que crear un componente para hacerlo? Estoy usando react-router-dom para la navegación, como el código a continuación, y sigo recibiendo el mensaje "No hay rutas que coincidan con la ubicación "/"". ¿Cómo puedo establecer una ruta hacia él? Me gustaría usar el componente de la aplicación en lugar de usar un componente de página llamado inicio. Si hice algo mal con la publicación, nuevamente, lo siento. Gracias por adelantado.
import React from 'react' import {BrowserRouter as Router, Routes, Route, Link} from 'react-router-dom' import Blog from './pages/Blog' import About from './pages/About' import Faq from './pages/Faq' import Market from './pages/Market' import GlobalStyle from './styles/global' function App() { return ( <Router> <GlobalStyle/> <header> <nav> <Link to="/products">Nosso produtos</Link> <Link to="/blog">Diário do Café</Link> <Link to="/faq">Cafaq - perguntas frequentes</Link> <Link to="/about">Sobre nós</Link> </nav> </header> <Routes> <Route path="/products" element={<Market />} /> <Route path="/blog" element={<Blog />} /> <Route path="/faq" element={<Faq />} /> <Route path="/about" element={<About />} /> </Routes> <footer> Footer </footer> </Router> ) } export default AppEl elemento de ruta con ruta ="/" será su página de inicio
Prueba con esto;
<Route path='/' exact element={<Home/>} />
El componente de la aplicación ya es su componente predeterminado. Cualquier ruta representará el componente de la aplicación siempre que haya envuelto el componente de la aplicación con el componente BrowserRouter
// In index.js import App from "./App"; import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <BrowserRouter> <App /> </BrowserRouter> );así que asumo que su punto es mantener la barra de navegación visible independientemente de la ruta actual y eso ya está hecho porque todo lo que se coloque en el componente de la aplicación se procesará y el contenido de las rutas se cambiará en función de los elementos especificados en las rutas.
En caso de que desee crear un componente de inicio separado, creará una ruta con una ruta '/' y el elemento del componente de inicio.
Asegúrese de comprender cómo funciona el enrutamiento para evitar errores en el futuro.
Espero que lo hayas encontrado útil.